<div class="panel bar fix hasMenu" style="{{if position_top}}top:{{:position_top}};{{/if}}{{if position_left}}left:{{:position_left}};{{/if}}" tpl="process_open">
	<div class="title">{{:lang.Open}}
		<ul class="toolbar right">
			<li title="{{:lang.close}}" class="button bar-close ico close">
			</li>
		</ul>
	</div>
	<section class="tabs">

        <ul class="tab-nav">
            <li class="active"><a href="#">{{:lang.local_process}}</a></li>
            <li> <a href="#">{{:lang.remote_process}}</a></li>
        </ul>

        <div class="tab-content active">
			<table>
				<thead>
					<tr>
						<th style="width:3em">#</th>
						<th>{{:lang.process_name}}</th>
					</tr>
				</thead>
				{{if local}}
				<tbody>
					{{for local}}
					<tr>
						<td>{{:#index + 1}}</td>
						<td><a data-pid="{{:#index}}" href="#">{{:process_name}}</a>
						</td>
					</tr>
					{{/for}}
				</tbody>
				{{/if}}
			</table>
		</div>
		
        <div class="tab-content">
			<table>
				<thead>
					<tr>
						<th>{{:lang.process_name}}</th>
						<th style="width:4em">{{:lang.author}}</th>
						<th style="width:5em">{{:lang.update_date}}</th>
					</tr>
				</thead>
				{{if remote}}
				<tbody>
					{{for remote}}
					<tr>
						<td><a data-remote-pid="{{:process_id}}" href="#">{{:process_name}}</a>
						<td><a>{{:author}}</a>
						<td><a>{{:updatetime}}</a>
						</td>
					</tr>
					{{/for}}
				</tbody>
				{{/if}}
			</table>
		</div>

	</section>
</div>